.clear-float:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both; }

.clear-float {
  zoom: 1; }

html {
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }

html,
body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  width: 100%; }

html,
body,
header,
section,
i,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
button,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  border: 0;
  padding: 0;
  font-style: normal;
  list-style: none; }

a {
  text-decoration: none; }

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  position: relative; }

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp; }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
            transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
            transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

.swing {
  -webkit-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing; }

@media only screen and (min-width: 768.1px) {
  .connect {
    position: fixed;
    z-index: 999;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    left: 0.2rem;
    background-color: palegoldenrod;
    width: 0; }
    .connect .bg {
      background: #fff;
      border-radius: 50%;
      height: 30px;
      width: 60px;
      margin-bottom: 20px;
      text-align: center;
      padding-top: 30px;
      box-shadow: 0px 3px 10px #555;
      cursor: pointer; }
      .connect .bg img {
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); } }

@media only screen and (max-width: 768px) {
  .connect {
    display: none; } }

@media only screen and (min-width: 768.1px) {
  #page_aboutme .nav-bigbox {
    width: 100%;
    height: auto; }
    #page_aboutme .nav-bigbox .nav-box {
      width: 1200px;
      height: 120px;
      margin: 0 auto; }
      #page_aboutme .nav-bigbox .nav-box .nav-left {
        float: left;
        width: 350px;
        margin-top: 35px; }
        #page_aboutme .nav-bigbox .nav-box .nav-left img {
          display: block;
          width: 210px; }
      #page_aboutme .nav-bigbox .nav-box .nav-right {
        float: right;
        width: 850px;
        height: 120px; }
        #page_aboutme .nav-bigbox .nav-box .nav-right ul li {
          height: 120px;
          line-height: 120px;
          float: left;
          margin-right: 30px; }
          #page_aboutme .nav-bigbox .nav-box .nav-right ul li a {
            color: #666;
            font-size: 16px; }
        #page_aboutme .nav-bigbox .nav-box .nav-right ul #select {
          color: #fff;
          background: #0083db;
          border-radius: 20px;
          padding: 9px 25px 9px 25px; }
        #page_aboutme .nav-bigbox .nav-box .nav-right ul .phone {
          float: right;
          color: #333;
          font-size: 16px;
          margin: 0; }
        #page_aboutme .nav-bigbox .nav-box .nav-right ul li:nth-child(5) {
          margin: 0; }
  #page_aboutme .phonenav-bigbox {
    display: none; } }

@media only screen and (max-width: 768px) {
  #page_aboutme .nav-bigbox {
    display: none; }
  #page_aboutme .phonenav-bigbox {
    width: 100%;
    height: auto;
    position: relative; }
    #page_aboutme .phonenav-bigbox .phonenav-box {
      display: block;
      width: 100%;
      height: 0.8rem;
      background: #fff; }
      #page_aboutme .phonenav-bigbox .phonenav-box .phonenav-left {
        width: 1.2rem;
        height: 0.8rem;
        float: left; }
        #page_aboutme .phonenav-bigbox .phonenav-box .phonenav-left img {
          width: 1.9rem;
          height: 0.5rem; }
      #page_aboutme .phonenav-bigbox .phonenav-box .phonenav-cont {
        float: left;
        font-size: 0.3rem;
        color: #333;
        line-height: 0.8rem;
        font-weight: 600;
        margin-left: 1.6rem; }
      #page_aboutme .phonenav-bigbox .phonenav-box .phonenav-right {
        width: 0.8rem;
        height: 0.8rem;
        float: right;
        padding-top: 0.1rem;
        box-sizing: border-box; }
        #page_aboutme .phonenav-bigbox .phonenav-box .phonenav-right img {
          width: 0.6rem;
          height: 0.6rem;
          display: block;
          transition: all 0.3s; }
    #page_aboutme .phonenav-bigbox .nav-list {
      opacity: 0.8;
      display: none;
      width: 97%;
      height: auto;
      margin-left: 0.1rem;
      background: #999;
      position: absolute;
      left: 0;
      top: 0.8;
      border-bottom-right-radius: 0.2rem;
      border-bottom-left-radius: 0.2rem;
      z-index: 2;
      transition: all 0.4s; }
      #page_aboutme .phonenav-bigbox .nav-list ul li {
        margin: 0 auto;
        width: 95%;
        height: 0.8rem;
        border-bottom: 1px solid #fff;
        z-index: 20;
        font-size: 0.3rem;
        color: #fff;
        line-height: 0.8rem; }
        #page_aboutme .phonenav-bigbox .nav-list ul li a {
          display: inline-block;
          width: 95%;
          height: 0.8rem;
          font-size: 0.28rem;
          color: #fff; }
      #page_aboutme .phonenav-bigbox .nav-list ul li:nth-child(5) {
        border: none;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem; } }

@media only screen and (min-width: 768.1px) {
  #page_aboutme .banner-box {
    width: 1200px;
    height: auto;
    margin: 0 auto; }
    #page_aboutme .banner-box img {
      display: block;
      width: 100%;
      height: auto; } }

@media only screen and (max-width: 768px) {
  #page_aboutme .banner-box {
    width: 100%;
    height: auto; }
    #page_aboutme .banner-box img {
      display: block;
      width: 100%;
      height: auto; }
    #page_aboutme .banner-box div {
      position: absolute;
      left: 58%;
      top: 45%; }
      #page_aboutme .banner-box div p {
        font-size: 0.2rem;
        color: #fff;
        padding-bottom: 15px; } }

@media only screen and (min-width: 768.1px) {
  #page_aboutme .intd-box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 40px 90px 90px 90px;
    box-sizing: border-box; }
    #page_aboutme .intd-box p {
      text-indent: 2em;
      color: #333;
      font-size: 16px;
      line-height: 20px; } }

@media only screen and (max-width: 768px) {
  #page_aboutme .intd-box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 30px 50px 30px;
    box-sizing: border-box; }
    #page_aboutme .intd-box p {
      text-indent: 2em;
      color: #333;
      font-size: 0.25rem;
      line-height: 0.35rem; } }

@media only screen and (min-width: 768.1px) {
  #page_aboutme .aboutme-box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 80px;
    box-sizing: border-box; }
    #page_aboutme .aboutme-box .aboutme-left {
      width: 590px;
      height: 320px;
      float: left;
      margin-right: 20px; }
      #page_aboutme .aboutme-box .aboutme-left img {
        display: block;
        width: 100%;
        height: 100%; }
    #page_aboutme .aboutme-box .aboutme-right {
      width: 590px;
      height: 320px;
      background: #fff;
      float: left; }
      #page_aboutme .aboutme-box .aboutme-right span {
        padding-left: 40px;
        padding-top: 30px;
        box-sizing: border-box;
        display: block;
        color: #666;
        font-size: 14px; } }

@media only screen and (max-width: 768px) {
  #page_aboutme .aboutme-box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 0.8rem;
    box-sizing: border-box; }
    #page_aboutme .aboutme-box .aboutme-left {
      width: 7.5rem;
      padding: 0 0.2rem;
      box-sizing: border-box;
      height: auto; }
      #page_aboutme .aboutme-box .aboutme-left img {
        display: block;
        width: 100%;
        height: 100%; }
    #page_aboutme .aboutme-box .aboutme-right {
      width: 7.5rem;
      height: auto;
      background: #fff;
      padding: 0 0.2rem 0.2rem 0.2rem;
      box-sizing: border-box; }
      #page_aboutme .aboutme-box .aboutme-right span {
        padding-left: 0.4rem;
        padding-top: 0.3rem;
        box-sizing: border-box;
        display: block;
        color: #666;
        font-size: 0.2rem; } }

@media only screen and (min-width: 768.1px) {
  #page_case .nav-bigbox {
    width: 100%;
    height: auto; }
    #page_case .nav-bigbox .nav-box {
      width: 1200px;
      height: 120px;
      margin: 0 auto; }
      #page_case .nav-bigbox .nav-box .nav-left {
        float: left;
        width: 350px;
        margin-top: 35px; }
        #page_case .nav-bigbox .nav-box .nav-left img {
          display: block;
          width: 210px; }
      #page_case .nav-bigbox .nav-box .nav-right {
        float: right;
        width: 850px;
        height: 120px; }
        #page_case .nav-bigbox .nav-box .nav-right ul li {
          height: 120px;
          line-height: 120px;
          float: left;
          margin-right: 30px; }
          #page_case .nav-bigbox .nav-box .nav-right ul li a {
            color: #666;
            font-size: 16px; }
        #page_case .nav-bigbox .nav-box .nav-right ul #select {
          color: #fff;
          background: #0083db;
          border-radius: 20px;
          padding: 9px 25px 9px 25px; }
        #page_case .nav-bigbox .nav-box .nav-right ul .phone {
          float: right;
          color: #333;
          font-size: 16px;
          margin: 0; }
        #page_case .nav-bigbox .nav-box .nav-right ul li:nth-child(5) {
          margin: 0; }
  #page_case .phonenav-bigbox {
    display: none; } }

@media only screen and (max-width: 768px) {
  #page_case .nav-bigbox {
    display: none; }
  #page_case .phonenav-bigbox {
    width: 100%;
    height: auto;
    position: relative; }
    #page_case .phonenav-bigbox .phonenav-box {
      display: block;
      width: 100%;
      height: 0.8rem;
      background: #fff; }
      #page_case .phonenav-bigbox .phonenav-box .phonenav-left {
        width: 1.2rem;
        height: 0.8rem;
        float: left; }
        #page_case .phonenav-bigbox .phonenav-box .phonenav-left img {
          width: 1.9rem;
          height: 0.5rem; }
      #page_case .phonenav-bigbox .phonenav-box .phonenav-cont {
        float: left;
        font-size: 0.3rem;
        color: #333;
        line-height: 0.8rem;
        font-weight: 600;
        margin-left: 1.6rem; }
      #page_case .phonenav-bigbox .phonenav-box .phonenav-right {
        width: 0.8rem;
        height: 0.8rem;
        float: right;
        padding-top: 0.1rem;
        box-sizing: border-box; }
        #page_case .phonenav-bigbox .phonenav-box .phonenav-right img {
          width: 0.6rem;
          height: 0.6rem;
          display: block;
          transition: all 0.3s; }
    #page_case .phonenav-bigbox .nav-list {
      opacity: 0.8;
      display: none;
      width: 97%;
      height: auto;
      margin-left: 0.1rem;
      background: #999;
      position: absolute;
      left: 0;
      top: 0.8;
      border-bottom-right-radius: 0.2rem;
      border-bottom-left-radius: 0.2rem;
      z-index: 2;
      transition: all 0.4s; }
      #page_case .phonenav-bigbox .nav-list ul li {
        margin: 0 auto;
        width: 95%;
        height: 0.8rem;
        border-bottom: 1px solid #fff;
        z-index: 20;
        font-size: 0.3rem;
        color: #fff;
        line-height: 0.8rem; }
        #page_case .phonenav-bigbox .nav-list ul li a {
          display: inline-block;
          width: 95%;
          height: 0.8rem;
          font-size: 0.28rem;
          color: #fff; }
      #page_case .phonenav-bigbox .nav-list ul li:nth-child(5) {
        border: none;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem; } }

@media only screen and (min-width: 768.1px) {
  #page_case .banner-box {
    width: 1200px;
    height: auto;
    margin: 0 auto; }
    #page_case .banner-box img {
      display: block;
      width: 100%;
      height: auto; } }

@media only screen and (max-width: 768px) {
  #page_case .banner-box {
    width: 100%;
    height: auto; }
    #page_case .banner-box img {
      display: block;
      width: 100%;
      height: auto; }
    #page_case .banner-box div {
      position: absolute;
      left: 58%;
      top: 45%; }
      #page_case .banner-box div p {
        font-size: 0.2rem;
        color: #fff;
        padding-bottom: 15px; } }

@media only screen and (min-width: 768.1px) {
  #page_case .case-select-bigbox {
    width: 100%;
    height: auto; }
    #page_case .case-select-bigbox .case-select-box {
      width: 900px;
      margin: 0 auto;
      height: auto; }
      #page_case .case-select-bigbox .case-select-box .case-select {
        margin-top: 50px;
        width: 200px;
        height: 200px;
        float: left;
        margin-right: 30px;
        text-align: center;
        background: #fff; }
        #page_case .case-select-bigbox .case-select-box .case-select div {
          width: 200px;
          height: 140px;
          text-align: center; }
          #page_case .case-select-bigbox .case-select-box .case-select div img {
            margin-top: 40px; }
        #page_case .case-select-bigbox .case-select-box .case-select span {
          font-size: 16PX;
          color: #999; }
      #page_case .case-select-bigbox .case-select-box .case-select:nth-child(4) {
        margin-right: 0; }
      #page_case .case-select-bigbox .case-select-box .active {
        -moz-box-shadow: 0px 3px 10px #666;
        -webkit-box-shadow: 0px 3px 10px #666;
        box-shadow: 0px 3px 10px #666; } }

@media only screen and (max-width: 768px) {
  #page_case .case-select-bigbox {
    width: 100%;
    height: auto; }
    #page_case .case-select-bigbox .case-select-box {
      width: 100%;
      margin: 0 auto;
      height: auto;
      padding: 0 0.3rem;
      box-sizing: border-box; }
      #page_case .case-select-bigbox .case-select-box .case-select {
        margin-top: 0.5rem;
        width: 1.5rem;
        height: 1.5rem;
        float: left;
        margin-right: 0.3rem;
        text-align: center;
        background: #fff; }
        #page_case .case-select-bigbox .case-select-box .case-select div {
          width: 1.5rem;
          height: 1rem;
          text-align: center; }
          #page_case .case-select-bigbox .case-select-box .case-select div img {
            margin-top: 0.35rem;
            width: 40%; }
        #page_case .case-select-bigbox .case-select-box .case-select span {
          font-size: 0.2rem;
          display: block;
          color: #999;
          padding-top: 0.05rem; }
      #page_case .case-select-bigbox .case-select-box .case-select:nth-child(4) {
        margin-right: 0; }
      #page_case .case-select-bigbox .case-select-box .active {
        -moz-box-shadow: 0px 3px 10px #666;
        -webkit-box-shadow: 0px 3px 10px #666;
        box-shadow: 0px 3px 10px #666; } }

@media only screen and (min-width: 768.1px) {
  #page_case .caselist-title-box {
    height: 100px;
    width: 1200px;
    margin: 0 auto; }
    #page_case .caselist-title-box .caselist-title-1 {
      background: #08c7f6;
      height: 20px;
      width: 4px;
      float: left;
      margin-top: 45px; }
    #page_case .caselist-title-box .caselist-title-2 {
      font-size: 16px;
      color: #666;
      float: left;
      margin-top: 45px;
      margin-left: 10px; } }

@media only screen and (max-width: 768px) {
  #page_case .caselist-title-box {
    height: 1rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 0.2rem;
    box-sizing: border-box; }
    #page_case .caselist-title-box .caselist-title-1 {
      background: #08c7f6;
      height: 0.3rem;
      width: 0.04rem;
      float: left;
      margin-top: 0.6rem; }
    #page_case .caselist-title-box .caselist-title-2 {
      font-size: 0.25rem;
      color: #666;
      float: left;
      margin-top: 0.6rem;
      margin-left: 0.1rem; } }

@media only screen and (min-width: 768.1px) {
  #page_case .caselist {
    width: 1200px;
    margin: 0px auto;
    display: none; }
    #page_case .caselist .cases {
      position: relative;
      float: left;
      overflow: hidden;
      text-align: center;
      -webkit-perspective: 800px;
              perspective: 800px;
      float: left;
      width: 386px;
      height: 280px;
      margin-bottom: 20px;
      margin-right: 20px;
      transition: 0.4s; }
      #page_case .caselist .cases:nth-child(3n) {
        margin-right: 0px; }
      #page_case .caselist .cases:nth-child(n+5) {
        margin-bottom: 0px; }
      #page_case .caselist .cases img {
        display: block;
        height: 100%;
        width: 100%; }
      #page_case .caselist .cases .case {
        width: 386px;
        height: 280px;
        transition: 0.4s; }
      #page_case .caselist .cases .case-text {
        position: absolute;
        left: 0;
        top: -100%;
        background-color: powderblue;
        height: 100%;
        opacity: 0;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        z-index: -1;
        transition: 0.6s;
        opacity: 1; }
        #page_case .caselist .cases .case-text h3 {
          font-size: 20px;
          color: #333;
          margin: 5px 0 10px; }
        #page_case .caselist .cases .case-text p {
          color: #666;
          font-weight: 300;
          line-height: 20px;
          font-size: 14px;
          margin-bottom: 15px; }
        #page_case .caselist .cases .case-text a {
          height: 30px;
          width: 70px;
          color: #fff;
          display: inline-block;
          border: 1px solid #ccc;
          text-align: center;
          line-height: 30px; }
    #page_case .caselist .cases:hover .case {
      -webkit-transform: rotateX(80deg);
              transform: rotateX(80deg);
      -webkit-transform-origin: center bottom 0;
              transform-origin: center bottom 0;
      transition: 0.4s; }
    #page_case .caselist .cases:hover .case-text {
      top: 0; } }

@media only screen and (max-width: 768px) {
  #page_case .caselist {
    width: 7.5rem;
    display: none;
    box-sizing: border-box;
    padding: 0.5rem 0.2rem; }
    #page_case .caselist .case {
      float: left;
      width: 3.45rem;
      height: 2.4rem;
      margin-right: 0.2rem;
      margin-bottom: 0.2rem; }
      #page_case .caselist .case:nth-child(2n) {
        margin-right: 0rem; }
      #page_case .caselist .case:nth-child(n+7) {
        margin-bottom: 0rem; }
      #page_case .caselist .case img {
        display: block;
        height: 100%;
        width: 100%; } }

@media only screen and (max-width: 768px) {
  #page_caseshow .nav-bigbox {
    display: none; }
  #page_caseshow .phonenav-bigbox {
    width: 100%;
    height: auto;
    position: relative; }
    #page_caseshow .phonenav-bigbox .phonenav-box {
      display: block;
      width: 100%;
      height: 0.8rem;
      background: #fff; }
      #page_caseshow .phonenav-bigbox .phonenav-box .phonenav-left {
        width: 1.2rem;
        height: 0.8rem;
        float: left; }
        #page_caseshow .phonenav-bigbox .phonenav-box .phonenav-left img {
          width: 1.9rem;
          height: 0.5rem; }
      #page_caseshow .phonenav-bigbox .phonenav-box .phonenav-cont {
        float: left;
        font-size: 0.3rem;
        color: #333;
        line-height: 0.8rem;
        font-weight: 600;
        margin-left: 1.6rem; }
      #page_caseshow .phonenav-bigbox .phonenav-box .phonenav-right {
        width: 0.8rem;
        height: 0.8rem;
        float: right;
        padding-top: 0.1rem;
        box-sizing: border-box; }
        #page_caseshow .phonenav-bigbox .phonenav-box .phonenav-right img {
          width: 0.6rem;
          height: 0.6rem;
          display: block;
          transition: all 0.3s; }
    #page_caseshow .phonenav-bigbox .nav-list {
      opacity: 0.8;
      display: none;
      width: 97%;
      height: auto;
      margin-left: 0.1rem;
      background: #999;
      position: absolute;
      left: 0;
      top: 0.8;
      border-bottom-right-radius: 0.2rem;
      border-bottom-left-radius: 0.2rem;
      z-index: 2;
      transition: all 0.4s; }
      #page_caseshow .phonenav-bigbox .nav-list ul li {
        margin: 0 auto;
        width: 95%;
        height: 0.8rem;
        border-bottom: 1px solid #fff;
        z-index: 20;
        font-size: 0.3rem;
        color: #fff;
        line-height: 0.8rem; }
        #page_caseshow .phonenav-bigbox .nav-list ul li a {
          display: inline-block;
          width: 95%;
          height: 0.8rem;
          font-size: 0.28rem;
          color: #fff; }
      #page_caseshow .phonenav-bigbox .nav-list ul li:nth-child(5) {
        border: none;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem; } }

@media only screen and (min-width: 768.1px) {
  #page_caseshow .caseshow-box {
    padding: 120px 80px 120px 80px;
    box-sizing: border-box; }
    #page_caseshow .caseshow-box .caseshow-left {
      width: 1020px;
      height: auto;
      float: left; }
      #page_caseshow .caseshow-box .caseshow-left .caseshow-1 {
        width: 600px;
        height: 400px;
        float: left; }
        #page_caseshow .caseshow-box .caseshow-left .caseshow-1 img {
          display: block;
          width: 100%;
          height: 100%; }
      #page_caseshow .caseshow-box .caseshow-left .caseshow-2 {
        float: left;
        width: 400px;
        height: 400px; }
        #page_caseshow .caseshow-box .caseshow-left .caseshow-2 img {
          display: block;
          width: 100%;
          height: 100%; }
      #page_caseshow .caseshow-box .caseshow-left .caseshow-3 {
        float: left;
        width: 400px;
        height: 400px; }
        #page_caseshow .caseshow-box .caseshow-left .caseshow-3 img {
          display: block;
          width: 100%;
          height: 100%; }
      #page_caseshow .caseshow-box .caseshow-left .caseshow-4 {
        width: 600px;
        height: 400px;
        float: left; }
        #page_caseshow .caseshow-box .caseshow-left .caseshow-4 img {
          display: block;
          width: 100%;
          height: 100%; }
    #page_caseshow .caseshow-box .caseshow-right {
      float: left;
      width: 800px;
      height: auto; }
      #page_caseshow .caseshow-box .caseshow-right .caseshow-5 {
        width: 800px;
        height: 800px; }
        #page_caseshow .caseshow-box .caseshow-right .caseshow-5 img {
          display: block;
          width: 100%;
          height: 100%; } }

@media only screen and (max-width: 768px) {
  #page_caseshow .caseshow-box {
    padding: 0.5rem 0.2rem 0.5rem 0.2rem;
    box-sizing: border-box; }
    #page_caseshow .caseshow-box .caseshow-left {
      width: 100%;
      height: auto; }
      #page_caseshow .caseshow-box .caseshow-left .caseshow-1 {
        width: 100%;
        height: auto; }
        #page_caseshow .caseshow-box .caseshow-left .caseshow-1 img {
          display: block;
          width: 100%;
          height: 100%; }
      #page_caseshow .caseshow-box .caseshow-left .caseshow-2 {
        width: 100%;
        height: auto; }
        #page_caseshow .caseshow-box .caseshow-left .caseshow-2 img {
          display: block;
          width: 100%;
          height: 100%; }
      #page_caseshow .caseshow-box .caseshow-left .caseshow-3 {
        width: 100%;
        height: auto; }
        #page_caseshow .caseshow-box .caseshow-left .caseshow-3 img {
          display: block;
          width: 100%;
          height: 100%; }
      #page_caseshow .caseshow-box .caseshow-left .caseshow-4 {
        width: 100%;
        height: auto; }
        #page_caseshow .caseshow-box .caseshow-left .caseshow-4 img {
          display: block;
          width: 100%;
          height: 100%; }
    #page_caseshow .caseshow-box .caseshow-right {
      width: 100%;
      height: auto; }
      #page_caseshow .caseshow-box .caseshow-right .caseshow-5 {
        width: 100%;
        height: auto; }
        #page_caseshow .caseshow-box .caseshow-right .caseshow-5 img {
          display: block;
          width: 100%;
          height: 100%; } }

@media only screen and (min-width: 768.1px) {
  #page_index .nav-bigbox {
    width: 100%;
    height: auto; }
    #page_index .nav-bigbox .nav-box {
      width: 1200px;
      height: 120px;
      margin: 0 auto; }
      #page_index .nav-bigbox .nav-box .nav-left {
        float: left;
        width: 350px;
        margin-top: 35px; }
        #page_index .nav-bigbox .nav-box .nav-left img {
          display: block;
          width: 210px; }
      #page_index .nav-bigbox .nav-box .nav-right {
        float: right;
        width: 850px;
        height: 120px; }
        #page_index .nav-bigbox .nav-box .nav-right ul li {
          height: 120px;
          line-height: 120px;
          float: left;
          margin-right: 30px; }
          #page_index .nav-bigbox .nav-box .nav-right ul li a {
            color: #666;
            font-size: 16px; }
        #page_index .nav-bigbox .nav-box .nav-right ul #select {
          color: #fff;
          background: #0083db;
          border-radius: 20px;
          padding: 9px 25px 9px 25px; }
        #page_index .nav-bigbox .nav-box .nav-right ul .phone {
          float: right;
          color: #333;
          font-size: 16px;
          margin: 0; }
        #page_index .nav-bigbox .nav-box .nav-right ul li:nth-child(5) {
          margin: 0; }
  #page_index .phonenav-bigbox {
    display: none; } }

@media only screen and (max-width: 768px) {
  #page_index .nav-bigbox {
    display: none; }
  #page_index .phonenav-bigbox {
    width: 100%;
    height: auto;
    position: relative; }
    #page_index .phonenav-bigbox .phonenav-box {
      display: block;
      width: 100%;
      height: 0.8rem;
      background: #fff; }
      #page_index .phonenav-bigbox .phonenav-box .phonenav-left {
        width: 1.2rem;
        height: 0.8rem;
        float: left; }
        #page_index .phonenav-bigbox .phonenav-box .phonenav-left img {
          width: 1.9rem;
          height: 0.5rem; }
      #page_index .phonenav-bigbox .phonenav-box .phonenav-cont {
        float: left;
        font-size: 0.3rem;
        color: #333;
        line-height: 0.8rem;
        font-weight: 600;
        margin-left: 1.6rem; }
      #page_index .phonenav-bigbox .phonenav-box .phonenav-right {
        width: 0.8rem;
        height: 0.8rem;
        float: right;
        padding-top: 0.1rem;
        box-sizing: border-box; }
        #page_index .phonenav-bigbox .phonenav-box .phonenav-right img {
          width: 0.6rem;
          height: 0.6rem;
          display: block;
          transition: all 0.3s; }
    #page_index .phonenav-bigbox .nav-list {
      opacity: 0.8;
      display: none;
      width: 97%;
      height: auto;
      margin-left: 0.1rem;
      background: #999;
      position: absolute;
      left: 0;
      top: 0.8;
      border-bottom-right-radius: 0.2rem;
      border-bottom-left-radius: 0.2rem;
      z-index: 2;
      transition: all 0.4s; }
      #page_index .phonenav-bigbox .nav-list ul li {
        margin: 0 auto;
        width: 95%;
        height: 0.8rem;
        border-bottom: 1px solid #fff;
        z-index: 20;
        line-height: 0.8rem;
        font-size: 0.28rem;
        color: #fff; }
        #page_index .phonenav-bigbox .nav-list ul li a {
          display: inline-block;
          width: 95%;
          height: 0.8rem;
          font-size: 0.28rem;
          color: #fff; }
      #page_index .phonenav-bigbox .nav-list ul li:nth-child(5) {
        border: none;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem; } }

@media only screen and (min-width: 768.1px) {
  #page_index .banner-box {
    width: 100%;
    height: auto;
    position: relative; }
    #page_index .banner-box img {
      display: block;
      width: 100%;
      height: auto; }
    #page_index .banner-box div {
      position: absolute;
      left: 58%;
      top: 45%; }
      #page_index .banner-box div p {
        font-size: 20px;
        color: #fff;
        padding-bottom: 15px; } }

@media only screen and (max-width: 768px) {
  #page_index .banner-box {
    width: 100%;
    height: auto; }
    #page_index .banner-box img {
      display: block;
      width: 100%;
      height: auto; }
    #page_index .banner-box div {
      position: absolute;
      left: 60%;
      top: 15%; }
      #page_index .banner-box div p {
        font-size: 0.2rem;
        color: #fff;
        padding-bottom: 0.15x; } }

@media only screen and (min-width: 768.1px) {
  #page_index .product-service-bigbox {
    width: 100%;
    height: auto; }
    #page_index .product-service-bigbox .product-service-box {
      width: 1200px;
      height: auto;
      margin: 0 auto; }
      #page_index .product-service-bigbox .product-service-box .product-service-title {
        width: 1200px;
        height: 160px;
        text-align: center;
        padding-top: 70px;
        box-sizing: border-box; }
        #page_index .product-service-bigbox .product-service-box .product-service-title h1 {
          font-size: 24px;
          color: #333;
          padding-bottom: 7px; }
        #page_index .product-service-bigbox .product-service-box .product-service-title h2 {
          font-size: 20px;
          color: #ccc; }
      #page_index .product-service-bigbox .product-service-box .product-service-content {
        width: 1200px;
        height: 285px;
        margin-right: 20px; }
        #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show {
          width: 280px;
          height: 280px;
          margin-right: 20px;
          float: left;
          cursor: pointer;
          background: #f2f2f2;
          transition: all 0.4s; }
          #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_img {
            width: 285px;
            height: 210px;
            text-align: center; }
            #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_img img {
              margin-top: 75px; }
          #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_disc {
            width: 280px;
            height: 75px;
            text-align: center; }
            #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_disc p {
              font-size: 20px;
              color: #333;
              padding-bottom: 14px;
              box-sizing: border-box;
              transition: all 1.2s; }
            #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_disc span {
              font-size: 14px;
              color: #333; }
        #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show:nth-child(4) {
          margin: 0; }
        #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show:hover {
          -moz-box-shadow: 0px 3px 10px #555;
          -webkit-box-shadow: 0px 3px 10px #555;
          box-shadow: 0px 3px 10px #555;
          margin-top: -10px;
          border-radius: 4px; }
        #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show:hover .tit {
          -webkit-transform: rotatex(360deg);
                  transform: rotatex(360deg); } }

@media only screen and (max-width: 768px) {
  #page_index .product-service-bigbox {
    width: 100%;
    height: auto; }
    #page_index .product-service-bigbox .product-service-box {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      #page_index .product-service-bigbox .product-service-box .product-service-title {
        width: 100%;
        height: auto;
        text-align: center;
        padding-top: 10%;
        padding-bottom: 2%;
        box-sizing: border-box; }
        #page_index .product-service-bigbox .product-service-box .product-service-title h1 {
          font-size: 0.34rem;
          color: #333;
          padding-bottom: 7px; }
        #page_index .product-service-bigbox .product-service-box .product-service-title h2 {
          font-size: 0.26rem;
          color: #ccc; }
      #page_index .product-service-bigbox .product-service-box .product-service-content {
        width: 100%;
        height: auto;
        margin-right: 2%; }
        #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show {
          width: 45.5%;
          height: 45%;
          margin-right: 3%;
          margin-left: 3%;
          margin-bottom: 3%;
          float: left;
          background: #f2f2f2; }
          #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_img {
            width: 100%;
            height: 60%;
            text-align: center; }
            #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_img img {
              width: 30%;
              height: 30%;
              margin-top: 28%; }
          #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_disc {
            width: 100%;
            height: 40%;
            padding-bottom: 0.5rem;
            text-align: center; }
            #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_disc p {
              font-size: 0.28rem;
              color: #333;
              padding-top: 8%;
              padding-bottom: 2%;
              box-sizing: border-box; }
            #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show .product-service_disc span {
              font-size: 0.2rem;
              color: #333; }
        #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show:nth-child(4) {
          margin: 0; }
        #page_index .product-service-bigbox .product-service-box .product-service-content .product-service_show:nth-child(2) {
          margin-left: 0; } }

@media only screen and (min-width: 768.1px) {
  #page_index .case-bigbox {
    width: 100%;
    height: auto; }
    #page_index .case-bigbox .case-box {
      width: 1200px;
      height: auto;
      margin: 0 auto; }
      #page_index .case-bigbox .case-box .case-title {
        width: 1200px;
        height: 160px;
        text-align: center;
        padding-top: 70px;
        box-sizing: border-box; }
        #page_index .case-bigbox .case-box .case-title h1 {
          font-size: 24px;
          color: #333;
          padding-bottom: 7px; }
        #page_index .case-bigbox .case-box .case-title h2 {
          font-size: 20px;
          color: #ccc; }
      #page_index .case-bigbox .case-box .case-content-left {
        width: 590px;
        height: 590px;
        float: left;
        margin-right: 20px; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-top {
          width: 590px;
          height: 285px;
          margin-bottom: 20px;
          background: pink;
          position: relative;
          z-index: 5; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-top img {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            transition: all 0.4s; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-top .mask {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
            width: 590px;
            height: 285px;
            background: #333;
            text-align: center;
            transition: All 0.4s ease-in-out; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-top .mask h1 {
              margin-top: 40px;
              font-size: 16px;
              color: #fff; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-top .mask p {
              padding: 15px 45px 15px 15px;
              box-sizing: border-box;
              font-size: 12px;
              line-height: 25px;
              color: #fff; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-top .mask div {
              position: absolute;
              bottom: 30px;
              left: 245px;
              width: 100px;
              height: 30px;
              font-size: 16px;
              text-align: center;
              line-height: 30px;
              color: #fff;
              border: 1px solid #fff; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-top:hover {
          z-index: 6; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-top:hover img {
          -webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
                  transform: translate(-50%, -50%) scale(1.2, 1.2);
          -moz-box-shadow: 0px 3px 15px #999;
          -webkit-box-shadow: 0px 3px 15px #999;
          box-shadow: 0px 3px 15px #999;
          border-radius: 4px; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-b-left {
          width: 285px;
          height: 285px;
          background: palegoldenrod;
          float: left;
          margin-right: 20px;
          position: relative;
          z-index: 5; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-b-left img {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            transition: all 0.4s; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-b-left .mask {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
            width: 285px;
            height: 285px;
            background: #333;
            text-align: center;
            transition: All 0.4s ease-in-out; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-b-left .mask h1 {
              margin-top: 40px;
              font-size: 16px;
              color: #fff; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-b-left .mask p {
              padding: 15px 45px 15px 15px;
              box-sizing: border-box;
              font-size: 12px;
              line-height: 25px;
              color: #fff; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-b-left .mask div {
              position: absolute;
              bottom: 30px;
              left: 92.5px;
              width: 100px;
              height: 30px;
              font-size: 16px;
              text-align: center;
              line-height: 30px;
              color: #fff;
              border: 1px solid #fff; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-b-left:hover {
          z-index: 5; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-b-left:hover img {
          -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
                  transform: translate(-50%, -50%) scale(1.1, 1.1);
          -moz-box-shadow: 0px 3px 15px #999;
          -webkit-box-shadow: 0px 3px 15px #999;
          box-shadow: 0px 3px 15px #999;
          border-radius: 4px; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-b-right {
          width: 285px;
          height: 285px;
          background: paleturquoise;
          float: left;
          position: relative;
          z-index: 5; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-b-right img {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            transition: all 0.4s; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-b-right .mask {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
            width: 285px;
            height: 285px;
            background: #333;
            text-align: center;
            transition: All 0.4s ease-in-out; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-b-right .mask h1 {
              margin-top: 40px;
              font-size: 16px;
              color: #fff; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-b-right .mask p {
              padding: 15px 45px 15px 15px;
              box-sizing: border-box;
              font-size: 12px;
              line-height: 25px;
              color: #fff; }
            #page_index .case-bigbox .case-box .case-content-left .content-left-b-right .mask div {
              position: absolute;
              bottom: 30px;
              left: 92.5px;
              width: 100px;
              height: 30px;
              font-size: 16px;
              text-align: center;
              line-height: 30px;
              color: #fff;
              border: 1px solid #fff; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-b-right:hover {
          z-index: 5; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-b-right:hover img {
          -webkit-transform: translate(-50%, -50%) scale(1.1, 1.1);
                  transform: translate(-50%, -50%) scale(1.1, 1.1);
          -moz-box-shadow: 0px 3px 15px #999;
          -webkit-box-shadow: 0px 3px 15px #999;
          box-shadow: 0px 3px 15px #999;
          border-radius: 4px; }
      #page_index .case-bigbox .case-box .case-content-right {
        width: 590px;
        height: 590px;
        background: honeydew;
        float: left;
        position: relative;
        z-index: 5; }
        #page_index .case-bigbox .case-box .case-content-right img {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          transition: all 0.4s; }
        #page_index .case-bigbox .case-box .case-content-right .mask {
          opacity: 0;
          position: absolute;
          left: 0;
          top: 0;
          cursor: pointer;
          width: 590px;
          height: 590px;
          background: #333;
          text-align: center;
          transition: All 0.4s ease-in-out; }
          #page_index .case-bigbox .case-box .case-content-right .mask h1 {
            margin-top: 140px;
            font-size: 16px;
            color: #fff; }
          #page_index .case-bigbox .case-box .case-content-right .mask p {
            padding: 25px 45px 25px 15px;
            box-sizing: border-box;
            font-size: 12px;
            line-height: 25px;
            color: #fff; }
          #page_index .case-bigbox .case-box .case-content-right .mask div {
            position: absolute;
            bottom: 100px;
            left: 245px;
            width: 100px;
            height: 30px;
            font-size: 16px;
            text-align: center;
            line-height: 30px;
            color: #fff;
            border: 1px solid #fff; }
      #page_index .case-bigbox .case-box .case-content-right:hover {
        z-index: 5; }
      #page_index .case-bigbox .case-box .case-content-right:hover img {
        -webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
                transform: translate(-50%, -50%) scale(1.2, 1.2);
        -moz-box-shadow: 0px 3px 15px #999;
        -webkit-box-shadow: 0px 3px 15px #999;
        box-shadow: 0px 3px 15px #999;
        border-radius: 4px; } }

@media only screen and (max-width: 768px) {
  #page_index .case-bigbox {
    width: 100%;
    height: auto; }
    #page_index .case-bigbox .case-box {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      #page_index .case-bigbox .case-box .case-title {
        width: 100%;
        height: auto;
        text-align: center;
        padding-top: 10%;
        padding-bottom: 2%;
        box-sizing: border-box; }
        #page_index .case-bigbox .case-box .case-title h1 {
          font-size: 0.34rem;
          color: #333;
          padding-bottom: 7px; }
        #page_index .case-bigbox .case-box .case-title h2 {
          font-size: 0.26rem;
          color: #ccc; }
      #page_index .case-bigbox .case-box .case-content-left {
        width: 100%;
        height: 100%;
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
        overflow: hidden; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-top {
          width: 100%;
          height: 50%;
          margin-bottom: 0.2rem;
          background: pink; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-top .mask {
            display: none; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-top img {
            display: block;
            width: 100%;
            height: 100%; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-b-left {
          width: 45.5%;
          height: 45%;
          background: palegoldenrod;
          float: left;
          margin-right: 0.2rem;
          margin-left: 0.2rem;
          margin-bottom: 0.2rem; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-b-left .mask {
            display: none; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-b-left img {
            display: block;
            width: 100%;
            height: 100%; }
        #page_index .case-bigbox .case-box .case-content-left .content-left-b-right {
          width: 45.5%;
          height: 45%;
          margin-bottom: 0.2rem;
          background: paleturquoise;
          float: left; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-b-right .mask {
            display: none; }
          #page_index .case-bigbox .case-box .case-content-left .content-left-b-right img {
            display: block;
            width: 100%;
            height: 100%; }
      #page_index .case-bigbox .case-box .case-content-right {
        width: 100%;
        height: 100%; }
        #page_index .case-bigbox .case-box .case-content-right .mask {
          display: none; }
        #page_index .case-bigbox .case-box .case-content-right img {
          display: block;
          width: 100%;
          height: 100%; } }

@media only screen and (min-width: 768.1px) {
  #page_index .all-box {
    width: 100%;
    height: auto; }
    #page_index .all-box .all {
      width: 1200px;
      height: auto;
      margin: 0 auto;
      text-align: center;
      position: relative; }
      #page_index .all-box .all div {
        cursor: pointer;
        position: relative;
        margin: 0 auto;
        width: 132px;
        height: 32px;
        display: block;
        background: #fff;
        padding-top: 70px;
        font-size: 20px;
        color: #01c8f7;
        z-index: 2; }
        #page_index .all-box .all div a {
          color: #01c8f7;
          font-size: 20px; }
      #page_index .all-box .all img {
        position: absolute;
        top: 75px;
        left: 44.5%;
        margin-top: 15px;
        width: 132px;
        height: 58px; } }

@media only screen and (max-width: 768px) {
  #page_index .all-box {
    width: 100%;
    height: auto; }
    #page_index .all-box .all {
      width: 100%;
      height: auto;
      margin: 0 auto;
      text-align: center;
      position: relative; }
      #page_index .all-box .all .case {
        position: relative;
        margin: 0 auto;
        width: 1.32rem;
        height: 0.5rem;
        display: block;
        background: #fff;
        padding-top: 0.7rem;
        font-size: 0.3rem;
        color: #01c8f7;
        z-index: 2; }
        #page_index .all-box .all .case a {
          color: #01c8f7;
          font-size: 0.3rem; }
      #page_index .all-box .all img {
        position: absolute;
        top: 0.85rem;
        left: 3.09rem;
        margin-top: 0.15rem;
        width: 1.32rem;
        height: 0.58rem; } }

@media only screen and (min-width: 768.1px) {
  #page_index .news-bigbox {
    width: 100%;
    height: auto; }
    #page_index .news-bigbox .news-box {
      width: 1200px;
      height: auto;
      margin: 0 auto; }
      #page_index .news-bigbox .news-box .news-title {
        width: 1200px;
        height: 160px;
        text-align: center;
        padding-top: 70px;
        box-sizing: border-box; }
        #page_index .news-bigbox .news-box .news-title h1 {
          font-size: 24px;
          color: #333;
          padding-bottom: 7px; }
        #page_index .news-bigbox .news-box .news-title h2 {
          font-size: 20px;
          color: #ccc; }
      #page_index .news-bigbox .news-box .news-content {
        background: #f2f2f2;
        height: 280px;
        width: 1200px;
        padding: 20px 20px 20px 20px;
        box-sizing: border-box; }
        #page_index .news-bigbox .news-box .news-content .news-content-left {
          width: 350px;
          height: 240px;
          float: left; }
          #page_index .news-bigbox .news-box .news-content .news-content-left img {
            display: block;
            width: 100%;
            height: 100%; }
        #page_index .news-bigbox .news-box .news-content .news-content-right {
          float: left;
          width: 700px;
          height: auto;
          margin-left: 45px; }
          #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 {
            width: 700px;
            height: 120px;
            margin-left: 45px;
            margin-bottom: 35px;
            border-bottom: 1px dashed #ccc; }
            #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 .news-content-time {
              width: 84px;
              height: 84px;
              background: #fff;
              float: left; }
            #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 .news-content-cont {
              float: left;
              width: 540px;
              height: auto;
              margin-left: 40px; }
              #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 .news-content-cont h1 {
                cursor: pointer;
                padding-top: 5px;
                font-size: 14px;
                color: #333;
                box-sizing: border-box; }
              #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 .news-content-cont p {
                width: 540px;
                padding-top: 20px;
                line-height: 20px;
                font-size: 12px;
                color: #999;
                box-sizing: border-box;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; }
          #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 {
            width: 700px;
            height: 120px;
            margin-left: 45px; }
            #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 .news-content-time {
              width: 84px;
              height: 84px;
              background: #fff;
              float: left; }
            #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 .news-content-cont {
              float: left;
              width: 540px;
              height: auto;
              margin-left: 40px; }
              #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 .news-content-cont h1 {
                cursor: pointer;
                padding-top: 5px;
                font-size: 14px;
                color: #333;
                box-sizing: border-box; }
              #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 .news-content-cont p {
                width: 540px;
                padding-top: 20px;
                line-height: 20px;
                font-size: 12px;
                color: #999;
                box-sizing: border-box;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; } }

@media only screen and (max-width: 768px) {
  #page_index .news-bigbox {
    width: 100%;
    height: auto; }
    #page_index .news-bigbox .news-box {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      #page_index .news-bigbox .news-box .news-title {
        width: 100%;
        height: auto;
        text-align: center;
        padding-top: 10%;
        padding-bottom: 2%;
        box-sizing: border-box; }
        #page_index .news-bigbox .news-box .news-title h1 {
          font-size: 0.34rem;
          color: #333;
          padding-bottom: 7px; }
        #page_index .news-bigbox .news-box .news-title h2 {
          font-size: 0.26rem;
          color: #ccc; }
      #page_index .news-bigbox .news-box .news-content {
        background: #f2f2f2;
        height: auto;
        width: 100%;
        padding: 0.2rem 0.2rem 0.2rem 0.2rem;
        box-sizing: border-box; }
        #page_index .news-bigbox .news-box .news-content .news-content-left {
          width: 100%;
          height: auto; }
          #page_index .news-bigbox .news-box .news-content .news-content-left img {
            display: block;
            width: 100%;
            height: 100%; }
        #page_index .news-bigbox .news-box .news-content .news-content-right {
          width: 100%;
          height: auto;
          margin: 0;
          margin-top: 0.2rem; }
          #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 {
            width: 100%;
            height: 1.2rem;
            margin-left: 0;
            margin-bottom: 0.35rem;
            border-bottom: 1px dashed #ccc; }
            #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 .news-content-time {
              width: 0.84rem;
              height: 0.84rem;
              background: #fff;
              float: left; }
            #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 .news-content-cont {
              float: left;
              width: 5.4rem;
              height: auto;
              margin-left: 0.4rem; }
              #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 .news-content-cont h1 {
                padding-top: 0.05rem;
                font-size: 0.2rem;
                color: #333;
                box-sizing: border-box; }
              #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right1 .news-content-cont p {
                width: 5.4rem;
                padding-top: 0.1rem;
                font-size: 0.14rem;
                color: #999;
                box-sizing: border-box;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; }
          #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 {
            width: 100%;
            height: auto;
            margin-left: 0; }
            #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 .news-content-time {
              width: 0.84rem;
              height: 0.84rem;
              background: #fff;
              float: left; }
            #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 .news-content-cont {
              float: left;
              width: 5.4rem;
              height: auto;
              margin-left: 0.4rem; }
              #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 .news-content-cont h1 {
                padding-top: 0.05rem;
                font-size: 0.14rem;
                color: #333;
                box-sizing: border-box; }
              #page_index .news-bigbox .news-box .news-content .news-content-right .news-content-right2 .news-content-cont p {
                width: 5.4rem;
                padding-top: 0.2rem;
                font-size: 0.12rem;
                color: #999;
                box-sizing: border-box;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical; } }

@media only screen and (min-width: 768.1px) {
  #page_index .aboutme-bigbox {
    width: 100%;
    height: auto; }
    #page_index .aboutme-bigbox .aboutme-box {
      width: 1200px;
      height: auto;
      margin: 0 auto; }
      #page_index .aboutme-bigbox .aboutme-box .aboutme-title {
        width: 1200px;
        height: 160px;
        text-align: center;
        padding-top: 70px;
        box-sizing: border-box; }
        #page_index .aboutme-bigbox .aboutme-box .aboutme-title h1 {
          font-size: 24px;
          color: #333;
          padding-bottom: 7px; }
        #page_index .aboutme-bigbox .aboutme-box .aboutme-title h2 {
          font-size: 20px;
          color: #ccc; }
      #page_index .aboutme-bigbox .aboutme-box .aboutme-content {
        width: 1200px;
        height: auto; }
        #page_index .aboutme-bigbox .aboutme-box .aboutme-content .about-tit {
          width: 1200px;
          font-size: 20px;
          color: #333;
          margin-bottom: 30px; }
        #page_index .aboutme-bigbox .aboutme-box .aboutme-content .about-tit-b {
          width: 1200px;
          height: 135px; }
          #page_index .aboutme-bigbox .aboutme-box .aboutme-content .about-tit-b .about-tit-left {
            float: left;
            font-size: 16px;
            color: #333;
            width: 870px; }
          #page_index .aboutme-bigbox .aboutme-box .aboutme-content .about-tit-b .about-tit-right {
            float: right;
            width: 154px;
            height: 47px;
            cursor: pointer;
            background: #01c5f6;
            border-radius: 4px;
            text-align: center;
            line-height: 47px;
            font-size: 14px;
            color: #fff; } }

@media only screen and (max-width: 768px) {
  #page_index .aboutme-bigbox {
    width: 100%;
    height: auto; }
    #page_index .aboutme-bigbox .aboutme-box {
      width: 100%;
      height: auto;
      margin: 0 auto; }
      #page_index .aboutme-bigbox .aboutme-box .aboutme-title {
        width: 100%;
        height: auto;
        text-align: center;
        padding-top: 0.7rem;
        box-sizing: border-box; }
        #page_index .aboutme-bigbox .aboutme-box .aboutme-title h1 {
          font-size: 0.34rem;
          color: #333;
          padding-bottom: 0.07rem; }
        #page_index .aboutme-bigbox .aboutme-box .aboutme-title h2 {
          font-size: 0.26rem;
          color: #ccc; }
      #page_index .aboutme-bigbox .aboutme-box .aboutme-content {
        width: 100%;
        height: auto; }
        #page_index .aboutme-bigbox .aboutme-box .aboutme-content .about-tit {
          padding-left: 0.2rem;
          box-sizing: border-box;
          width: 100%;
          font-size: 0.2rem;
          color: #333;
          margin-bottom: 0.3rem;
          margin-top: 0.3rem; }
        #page_index .aboutme-bigbox .aboutme-box .aboutme-content .about-tit-b {
          padding: 0 0.2rem 0 0.2rem;
          box-sizing: border-box;
          width: 100%;
          height: 1.35rem; }
          #page_index .aboutme-bigbox .aboutme-box .aboutme-content .about-tit-b .about-tit-left {
            font-size: 0.16rem;
            color: #333;
            width: 100%; }
          #page_index .aboutme-bigbox .aboutme-box .aboutme-content .about-tit-b .about-tit-right {
            margin: 0 auto;
            margin-top: 0.5rem;
            width: 1.54rem;
            height: 0.47rem;
            background: #01c5f6;
            border-radius: 0.06rem;
            text-align: center;
            line-height: 0.47rem;
            font-size: 0.14rem;
            color: #fff; } }

@media only screen and (min-width: 768.1px) {
  #page_index .footer-bigbox {
    width: 100%;
    height: auto;
    background: #212831; }
    #page_index .footer-bigbox .footer-box {
      width: 1200px;
      height: 300px;
      margin: 0 auto; }
      #page_index .footer-bigbox .footer-box .footer-left {
        float: left;
        width: 599px;
        height: 300px;
        padding-top: 70px;
        box-sizing: border-box; }
        #page_index .footer-bigbox .footer-box .footer-left .footer-left-img {
          width: 150px;
          height: auto;
          text-align: center;
          float: left; }
          #page_index .footer-bigbox .footer-box .footer-left .footer-left-img div {
            width: 150px;
            height: 150px;
            background: #fff;
            margin-bottom: 20px; }
            #page_index .footer-bigbox .footer-box .footer-left .footer-left-img div img {
              display: block;
              width: 100%;
              height: 100%; }
          #page_index .footer-bigbox .footer-box .footer-left .footer-left-img span {
            font-size: 14px;
            color: #fff; }
        #page_index .footer-bigbox .footer-box .footer-left .footer-left-right {
          float: left;
          margin-top: 5px;
          margin-left: 30px; }
          #page_index .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone {
            width: 210px;
            height: 70px;
            border: 1px solid #fff;
            text-align: center;
            position: relative;
            margin-bottom: 15px; }
            #page_index .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone div {
              background: #212831;
              width: 115px;
              height: 24px;
              text-align: center;
              line-height: 24px;
              font-size: 16px;
              color: #fff;
              position: absolute;
              left: 47.5px;
              top: -10px; }
            #page_index .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone span {
              line-height: 70px;
              font-size: 24px;
              color: #fff; }
          #page_index .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-info {
            font-size: 14px;
            color: #fff; }
            #page_index .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-info p {
              padding-top: 25px; }
      #page_index .footer-bigbox .footer-box .xian {
        float: left;
        height: 160px;
        width: 1px;
        margin-top: 70px;
        border-right: 1px solid #fff; }
      #page_index .footer-bigbox .footer-box .footer-right {
        float: left;
        width: 599px;
        height: 300px;
        padding-top: 100px;
        box-sizing: border-box; }
        #page_index .footer-bigbox .footer-box .footer-right div {
          font-size: 14px;
          color: #fff;
          margin-left: 100px; }
          #page_index .footer-bigbox .footer-box .footer-right div p {
            line-height: 30px;
            color: #fff;
            font-size: 14px; } }

@media only screen and (max-width: 768px) {
  #page_index .footer-bigbox {
    display: none; } }

@media only screen and (min-width: 768.1px) {
  #page_service .nav-bigbox {
    width: 100%;
    height: auto; }
    #page_service .nav-bigbox .nav-box {
      width: 1200px;
      height: 120px;
      margin: 0 auto; }
      #page_service .nav-bigbox .nav-box .nav-left {
        float: left;
        width: 350px;
        margin-top: 35px; }
        #page_service .nav-bigbox .nav-box .nav-left img {
          display: block;
          width: 210px; }
      #page_service .nav-bigbox .nav-box .nav-right {
        float: right;
        width: 850px;
        height: 120px; }
        #page_service .nav-bigbox .nav-box .nav-right ul li {
          height: 120px;
          line-height: 120px;
          float: left;
          margin-right: 30px; }
          #page_service .nav-bigbox .nav-box .nav-right ul li a {
            color: #666;
            font-size: 16px; }
        #page_service .nav-bigbox .nav-box .nav-right ul #select {
          color: #fff;
          background: #0083db;
          border-radius: 20px;
          padding: 9px 25px 9px 25px; }
        #page_service .nav-bigbox .nav-box .nav-right ul .phone {
          float: right;
          color: #333;
          font-size: 16px;
          margin: 0; }
        #page_service .nav-bigbox .nav-box .nav-right ul li:nth-child(5) {
          margin: 0; }
  #page_service .phonenav-bigbox {
    display: none; } }

@media only screen and (max-width: 768px) {
  #page_service .nav-bigbox {
    display: none; }
  #page_service .phonenav-bigbox {
    width: 100%;
    height: auto;
    position: relative; }
    #page_service .phonenav-bigbox .phonenav-box {
      display: block;
      width: 100%;
      height: 0.8rem;
      background: #fff; }
      #page_service .phonenav-bigbox .phonenav-box .phonenav-left {
        width: 1.2rem;
        height: 0.8rem;
        float: left; }
        #page_service .phonenav-bigbox .phonenav-box .phonenav-left img {
          width: 1.9rem;
          height: 0.5rem; }
      #page_service .phonenav-bigbox .phonenav-box .phonenav-cont {
        float: left;
        font-size: 0.3rem;
        color: #333;
        line-height: 0.8rem;
        font-weight: 600;
        margin-left: 1.6rem; }
      #page_service .phonenav-bigbox .phonenav-box .phonenav-right {
        width: 0.8rem;
        height: 0.8rem;
        float: right;
        padding-top: 0.1rem;
        box-sizing: border-box; }
        #page_service .phonenav-bigbox .phonenav-box .phonenav-right img {
          width: 0.6rem;
          height: 0.6rem;
          display: block;
          transition: all 0.3s; }
    #page_service .phonenav-bigbox .nav-list {
      opacity: 0.8;
      display: none;
      width: 97%;
      height: auto;
      margin-left: 0.1rem;
      background: #999;
      position: absolute;
      left: 0;
      top: 0.8;
      border-bottom-right-radius: 0.2rem;
      border-bottom-left-radius: 0.2rem;
      z-index: 2;
      transition: all 0.4s; }
      #page_service .phonenav-bigbox .nav-list ul li {
        margin: 0 auto;
        width: 95%;
        height: 0.8rem;
        border-bottom: 1px solid #fff;
        z-index: 20;
        font-size: 0.3rem;
        color: #fff;
        line-height: 0.8rem; }
        #page_service .phonenav-bigbox .nav-list ul li a {
          display: inline-block;
          width: 95%;
          height: 0.8rem;
          font-size: 0.28rem;
          color: #fff; }
      #page_service .phonenav-bigbox .nav-list ul li:nth-child(5) {
        border: none;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem; } }

@media only screen and (min-width: 768.1px) {
  #page_service .banner-box {
    width: 100%;
    height: auto; }
    #page_service .banner-box img {
      display: block;
      width: 1200px;
      height: 300px;
      margin: 0 auto; } }

@media only screen and (max-width: 768px) {
  #page_service .banner-box {
    width: 100%;
    height: auto; }
    #page_service .banner-box img {
      display: block;
      width: 100%;
      height: auto; } }

@media only screen and (min-width: 768.1px) {
  #page_service .servicelist {
    width: 1200px;
    margin: 0px auto;
    padding: 80PX 0PX; }
    #page_service .servicelist .service {
      float: left;
      width: 283px;
      height: 283px;
      margin-right: 20px;
      margin-bottom: 20px;
      border: 1px solid #d4d4d4;
      border-radius: 4px;
      text-align: center;
      background: #fff;
      transition: all 1s; }
      #page_service .servicelist .service:nth-child(4n) {
        margin-right: 0px; }
      #page_service .servicelist .service:nth-child(n+5) {
        margin-bottom: 0px; }
      #page_service .servicelist .service div {
        text-align: center;
        margin-top: 85px; }
      #page_service .servicelist .service span {
        margin-top: 40px;
        font-size: 20px;
        display: block;
        color: #333; }
    #page_service .servicelist .service:hover {
      -moz-box-shadow: 0px 2px 20px #B0B0B0;
      -webkit-box-shadow: 0px 2px 20px #B0B0B0;
      box-shadow: 0px 2px 20px #B0B0B0; } }

@media only screen and (max-width: 768px) {
  #page_service .servicelist {
    width: 7.5rem;
    box-sizing: border-box;
    padding: 0.5rem 0.2rem; }
    #page_service .servicelist .service {
      float: left;
      width: 3.4rem;
      height: 3.4rem;
      margin-right: 0.2rem;
      margin-bottom: 0.2rem;
      text-align: center;
      background: #fff;
      border: 1px solid #d4d4d4;
      border-radius: 4px; }
      #page_service .servicelist .service:nth-child(2n) {
        margin-right: 0rem; }
      #page_service .servicelist .service:nth-child(n+7) {
        margin-bottom: 0rem; }
      #page_service .servicelist .service div {
        text-align: center;
        margin-top: 0.85rem;
        width: 100%;
        height: 60%; }
        #page_service .servicelist .service div img {
          width: 30%;
          margin-top: 10%; }
      #page_service .servicelist .service span {
        font-size: 0.25rem;
        display: block;
        color: #333; } }

@media only screen and (min-width: 768.1px) {
  #page_service .footer-bigbox {
    width: 100%;
    height: auto;
    background: #212831; }
    #page_service .footer-bigbox .footer-box {
      width: 1200px;
      height: 300px;
      margin: 0 auto; }
      #page_service .footer-bigbox .footer-box .footer-left {
        float: left;
        width: 599px;
        height: 300px;
        padding-top: 70px;
        box-sizing: border-box; }
        #page_service .footer-bigbox .footer-box .footer-left .footer-left-img {
          width: 150px;
          height: auto;
          text-align: center;
          float: left; }
          #page_service .footer-bigbox .footer-box .footer-left .footer-left-img div {
            width: 150px;
            height: 150px;
            background: #fff;
            margin-bottom: 20px; }
            #page_service .footer-bigbox .footer-box .footer-left .footer-left-img div img {
              display: block;
              width: 100%;
              height: 100%; }
          #page_service .footer-bigbox .footer-box .footer-left .footer-left-img span {
            font-size: 14px;
            color: #fff; }
        #page_service .footer-bigbox .footer-box .footer-left .footer-left-right {
          float: left;
          margin-top: 5px;
          margin-left: 30px; }
          #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone {
            width: 210px;
            height: 70px;
            border: 1px solid #fff;
            text-align: center;
            position: relative;
            margin-bottom: 15px; }
            #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone div {
              background: #212831;
              width: 115px;
              height: 24px;
              text-align: center;
              line-height: 24px;
              font-size: 16px;
              color: #fff;
              position: absolute;
              left: 47.5px;
              top: -10px; }
            #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone span {
              line-height: 70px;
              font-size: 24px;
              color: #fff; }
          #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-info {
            font-size: 14px;
            color: #fff; }
            #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-info p {
              padding-top: 25px; }
      #page_service .footer-bigbox .footer-box .xian {
        float: left;
        height: 160px;
        width: 1px;
        margin-top: 70px;
        border-right: 1px solid #fff; }
      #page_service .footer-bigbox .footer-box .footer-right {
        float: left;
        width: 599px;
        height: 300px;
        padding-top: 100px;
        box-sizing: border-box; }
        #page_service .footer-bigbox .footer-box .footer-right div {
          font-size: 14px;
          color: #fff;
          margin-left: 100px; }
          #page_service .footer-bigbox .footer-box .footer-right div p {
            line-height: 30px;
            color: #fff;
            font-size: 14px; } }

@media only screen and (max-width: 768px) {
  #page_service .footer-bigbox {
    display: none; } }

@media only screen and (min-width: 768.1px) {
  #page_service .nav-bigbox {
    width: 100%;
    height: auto; }
    #page_service .nav-bigbox .nav-box {
      width: 1200px;
      height: 120px;
      margin: 0 auto; }
      #page_service .nav-bigbox .nav-box .nav-left {
        float: left;
        width: 350px;
        margin-top: 35px; }
        #page_service .nav-bigbox .nav-box .nav-left img {
          display: block;
          width: 210px; }
      #page_service .nav-bigbox .nav-box .nav-right {
        float: right;
        width: 850px;
        height: 120px; }
        #page_service .nav-bigbox .nav-box .nav-right ul li {
          height: 120px;
          line-height: 120px;
          float: left;
          margin-right: 30px; }
          #page_service .nav-bigbox .nav-box .nav-right ul li a {
            color: #666;
            font-size: 16px; }
        #page_service .nav-bigbox .nav-box .nav-right ul #select {
          color: #fff;
          background: #0083db;
          border-radius: 20px;
          padding: 9px 25px 9px 25px; }
        #page_service .nav-bigbox .nav-box .nav-right ul .phone {
          float: right;
          color: #333;
          font-size: 16px;
          margin: 0; }
        #page_service .nav-bigbox .nav-box .nav-right ul li:nth-child(5) {
          margin: 0; }
  #page_service .phonenav-bigbox {
    display: none; } }

@media only screen and (max-width: 768px) {
  #page_service .nav-bigbox {
    display: none; }
  #page_service .phonenav-bigbox {
    width: 100%;
    height: auto;
    position: relative; }
    #page_service .phonenav-bigbox .phonenav-box {
      display: block;
      width: 100%;
      height: 0.8rem;
      background: #fff; }
      #page_service .phonenav-bigbox .phonenav-box .phonenav-left {
        width: 1.2rem;
        height: 0.8rem;
        float: left; }
        #page_service .phonenav-bigbox .phonenav-box .phonenav-left img {
          width: 1.9rem;
          height: 0.5rem; }
      #page_service .phonenav-bigbox .phonenav-box .phonenav-cont {
        float: left;
        font-size: 0.3rem;
        color: #333;
        line-height: 0.8rem;
        font-weight: 600;
        margin-left: 1.6rem; }
      #page_service .phonenav-bigbox .phonenav-box .phonenav-right {
        width: 0.8rem;
        height: 0.8rem;
        float: right;
        padding-top: 0.1rem;
        box-sizing: border-box; }
        #page_service .phonenav-bigbox .phonenav-box .phonenav-right img {
          width: 0.6rem;
          height: 0.6rem;
          display: block;
          transition: all 0.3s; }
    #page_service .phonenav-bigbox .nav-list {
      opacity: 0.8;
      display: none;
      width: 97%;
      height: auto;
      margin-left: 0.1rem;
      background: #999;
      position: absolute;
      left: 0;
      top: 0.8;
      border-bottom-right-radius: 0.2rem;
      border-bottom-left-radius: 0.2rem;
      z-index: 2;
      transition: all 0.4s; }
      #page_service .phonenav-bigbox .nav-list ul li {
        margin: 0 auto;
        width: 95%;
        height: 0.8rem;
        border-bottom: 1px solid #fff;
        z-index: 20;
        font-size: 0.3rem;
        color: #fff;
        line-height: 0.8rem; }
        #page_service .phonenav-bigbox .nav-list ul li a {
          display: inline-block;
          width: 95%;
          height: 0.8rem;
          font-size: 0.28rem;
          color: #fff; }
      #page_service .phonenav-bigbox .nav-list ul li:nth-child(5) {
        border: none;
        border-bottom-right-radius: 2rem;
        border-bottom-left-radius: 2rem; } }

@media only screen and (min-width: 768.1px) {
  #page_service .banner-box {
    width: 100%;
    height: auto; }
    #page_service .banner-box img {
      display: block;
      width: 1200px;
      height: 300px;
      margin: 0 auto; } }

@media only screen and (max-width: 768px) {
  #page_service .banner-box {
    width: 100%;
    height: auto; }
    #page_service .banner-box img {
      display: block;
      width: 100%;
      height: auto; } }

@media only screen and (min-width: 768.1px) {
  #page_service .news-bigbox {
    width: 100%;
    height: auto;
    margin-top: 40px; }
    #page_service .news-bigbox .news-box {
      width: 960px;
      height: auto;
      margin: 0 auto; }
      #page_service .news-bigbox .news-box .news-content {
        width: 960px;
        height: 170px;
        border-bottom: 1px solid #ccc; }
        #page_service .news-bigbox .news-box .news-content .news-content-time {
          width: 80px;
          height: 80px;
          background: #f7f7f7;
          float: left;
          margin-top: 30px;
          text-align: center; }
          #page_service .news-bigbox .news-box .news-content .news-content-time p {
            padding-top: 15px;
            box-sizing: border-box;
            font-size: 28px;
            color: #333; }
          #page_service .news-bigbox .news-box .news-content .news-content-time span {
            font-size: 12px;
            color: #666; }
        #page_service .news-bigbox .news-box .news-content .news-content-cont {
          width: 815px;
          height: 80px;
          float: right;
          margin-right: 20px;
          margin-top: 30px; }
          #page_service .news-bigbox .news-box .news-content .news-content-cont h1 {
            cursor: pointer;
            padding-top: 5px;
            font-size: 16px;
            color: #333;
            box-sizing: border-box; }
          #page_service .news-bigbox .news-box .news-content .news-content-cont p {
            line-height: 20px;
            font-size: 14px;
            color: #999;
            padding-top: 20px;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; } }

@media only screen and (max-width: 768px) {
  #page_service .news-bigbox {
    width: 100%;
    height: auto;
    margin-top: 0.4rem; }
    #page_service .news-bigbox .news-box {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 0.2rem 0.2rem 0.2rem 0.2rem;
      box-sizing: border-box; }
      #page_service .news-bigbox .news-box .news-content {
        width: 100%;
        height: 1.7rem;
        border-bottom: 1px solid #ccc; }
        #page_service .news-bigbox .news-box .news-content .news-content-time {
          width: 0.8rem;
          height: 0.8rem;
          background: #f7f7f7;
          float: left;
          margin-top: 0.25rem;
          text-align: center; }
          #page_service .news-bigbox .news-box .news-content .news-content-time p {
            padding-top: 0.15rem;
            box-sizing: border-box;
            font-size: 0.3rem;
            color: #333; }
          #page_service .news-bigbox .news-box .news-content .news-content-time span {
            display: block;
            font-size: 0.2rem;
            color: #666; }
        #page_service .news-bigbox .news-box .news-content .news-content-cont {
          width: 6rem;
          height: 0.8rem;
          float: right;
          margin-right: 0.1rem;
          margin-top: 0.3rem; }
          #page_service .news-bigbox .news-box .news-content .news-content-cont h1 {
            cursor: pointer;
            padding-top: 0.05rem;
            font-size: 0.25rem;
            color: #333;
            box-sizing: border-box; }
          #page_service .news-bigbox .news-box .news-content .news-content-cont p {
            font-size: 0.2rem;
            color: #999;
            padding-top: 0.1rem;
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical; } }

@media only screen and (min-width: 768.1px) {
  #page_service .footer-bigbox {
    width: 100%;
    height: auto;
    background: #212831; }
    #page_service .footer-bigbox .footer-box {
      width: 1200px;
      height: 300px;
      margin: 0 auto; }
      #page_service .footer-bigbox .footer-box .footer-left {
        float: left;
        width: 599px;
        height: 300px;
        padding-top: 70px;
        box-sizing: border-box; }
        #page_service .footer-bigbox .footer-box .footer-left .footer-left-img {
          width: 150px;
          height: auto;
          text-align: center;
          float: left; }
          #page_service .footer-bigbox .footer-box .footer-left .footer-left-img div {
            width: 150px;
            height: 150px;
            background: #fff;
            margin-bottom: 20px; }
            #page_service .footer-bigbox .footer-box .footer-left .footer-left-img div img {
              display: block;
              width: 100%;
              height: 100%; }
          #page_service .footer-bigbox .footer-box .footer-left .footer-left-img span {
            font-size: 14px;
            color: #fff; }
        #page_service .footer-bigbox .footer-box .footer-left .footer-left-right {
          float: left;
          margin-top: 5px;
          margin-left: 30px; }
          #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone {
            width: 210px;
            height: 70px;
            border: 1px solid #fff;
            text-align: center;
            position: relative;
            margin-bottom: 15px; }
            #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone div {
              background: #212831;
              width: 115px;
              height: 24px;
              text-align: center;
              line-height: 24px;
              font-size: 16px;
              color: #fff;
              position: absolute;
              left: 47.5px;
              top: -10px; }
            #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-phone span {
              line-height: 70px;
              font-size: 24px;
              color: #fff; }
          #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-info {
            font-size: 14px;
            color: #fff; }
            #page_service .footer-bigbox .footer-box .footer-left .footer-left-right .footer-left-info p {
              padding-top: 25px; }
      #page_service .footer-bigbox .footer-box .xian {
        float: left;
        height: 160px;
        width: 1px;
        margin-top: 70px;
        border-right: 1px solid #fff; }
      #page_service .footer-bigbox .footer-box .footer-right {
        float: left;
        width: 599px;
        height: 300px;
        padding-top: 100px;
        box-sizing: border-box; }
        #page_service .footer-bigbox .footer-box .footer-right div {
          font-size: 14px;
          color: #fff;
          margin-left: 100px; }
          #page_service .footer-bigbox .footer-box .footer-right div p {
            line-height: 30px;
            color: #fff;
            font-size: 14px; } }

@media only screen and (max-width: 768px) {
  #page_service .footer-bigbox {
    display: none; } }

#page_user {
  color: #fff; }
  #page_user .red {
    color: red; }
